<template>
	<view class="pg">
		<view class="search">
			<view class="search_input">
				<input class="search_input_input" 
				type="text" style="width: 200upx;" 
				v-model="search_content"
				placeholder-class="place" 
				placeholder="儿童加绒外套49.9" />
				<i class="icon search_icon"> &#xe605; </i>
				<i class="icon error_icon" @tap="clear" v-if="search_content"> &#xe66f; </i>
			</view>
			<view class="btn" v-if="search_content">
				确定
			</view>
		</view>
		<classify-one></classify-one>
		<!-- <classify-two></classify-two> -->
		<!-- 加入购物车 底部结算-->
		<view class="bottom">
			<view class="bottom_pay">
				去结算
			</view>
			<view class="bottom_price">
				<view class="bottom_price_pic">
					<view class="badge">
						<view class="badge_item">
							12
						</view>
					</view>
					<image src="../../static/image/mine/index/cartnum.png" mode=""></image>
				</view>
				<view class="all_price">
					合计： ￥17.4
				</view>
				<view class="favorable">
					已优惠： ￥0.00
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import classifyOne from "@/components/classify/classifyone.vue"
	import classifyTwo from "@/components/classify/classifytwo.vue"
	import uniBadge from "@/components/uni-badge/uni-badge.vue"
	export default {
		components:{
			classifyOne,
			classifyTwo,
			uniBadge
		},
		data () {
			return {
				search_content:''
			}
		},
		methods: {
			clear() {
				this.search_content = ''
			}
		}
	}
</script>

<style lang="less" scoped>
	@import url('../../static/scss/classify/classify.less');
</style>
